<template>
    <div class="w-full h-full">
        <div class="w-5/6 grid m-auto gap-4 grid-cols-3">
            <div v-for=" item, idx in  audio_text ">
                <my-card :title="'Episode -' + idx.toString()" :url="item"
                    :img="'https://source.unsplash.com/random/?' + idx.toString()"></my-card>
            </div>
        </div>
    </div>
</template>
 
<script setup>
import { ref } from 'vue'
import { api } from '../../boot/api'
import MyCard from '../../components/MyCard.vue';
let audio_text = ref([])

api({
    url: '/get_audio_text',
    method: 'get',
}).then(res => {
    let response = res.data
    audio_text.value = response.data
    console.log(audio_text.value)
})
</script> 
 
<style scoped></style>